<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="true"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
	<title>南美德比活动-凤凰FM</title>
	<link rel="stylesheet" href="css/game.css">
</head>
<body>
	<div class="game-wraper" id="game-wraper">
		<div class="bg-t">
			<img src="img/bg-t.png" class="game-bg" id="bg-t" />
		</div>
		<div id="Container" class="container"></div>
		<div id="gameContainer" class="gameContainer"></div>
		
		<a href="javascript:;" id="ad">
			<img src="img/ad.gif" class="game-bg" />
		</a>

		<div class="game-start" id="game-start">
			<img src="img/start1.gif" class="game-bg" id="start1" />
			<img src="img/btn.gif" class="game-bg" id="btn" />
			<img src="img/start2.gif" class="game-bg" id="start2" />
		</div>
		

		<div class="game-over" id="game-over">
			<img src="img/failure1.png" id="failure1" class="game-bg over-bg" />
			<img src="img/failure2.png" id="failure2" class="game-bg over-bg" />
			<div class="victory-box" id="victory1">
				<img src="img/victory1-1.png" id="victory1-1" class="game-bg over-bg" />
				<img src="img/victory1-2.png" id="victory1-2" class="game-bg over-bg" />
				<div class="victory-txt" id="victory-txt1"></div>
			</div>
	
			<div class="victory-box" id="victory2">
				<img src="img/victory2-1.png" id="victory2-1" class="game-bg over-bg" />
				<img src="img/victory2-2.png" id="victory2-2" class="game-bg over-bg" />
				<div class="victory-txt" id="victory-txt2"></div>
			</div>

			<div class="over-box" id="over-box">
				<img src="img/share-btn.png" class="over-btn" id="share-btn" />
				<img src="img/replay-btn.png" class="over-btn" id="game-reset" />
			</div>
		</div>
		
		<div class="sharebg" id="sharebg">
			<div class="arrow"></div>
			<p class="share-t">请点击右上角<br />
			点击【发送给朋友】<br />或【分享到朋友圈】<br />
			通知小伙伴来挑战球神吧！</p>
		</div>
		<div class="mask" id="mask"></div>
	</div>
	 
    <script src="http://cdn.iclient.ifeng.com/imcp/huodong/football_sa/ground-android.4.1.5.js"></script>
	<script src="js/game2.js"></script>
	<script>

    var host = 'http://diantai.ifeng.com';
		var imgUrl = host + "/debi/img/logo.png";
        var lineLink = host + "/debi/index.html";
        var descContent = '在9×9范围内的格子中，使用色块围住球神。';
        var shareTitle = '围住球神-根本停不下来，玩过之后我整个人都精神了！';
        var appid = '';
        var mebtnopenurl = host + '/debi/index.html'; 
        function shareFriend() {
            WeixinJSBridge.invoke('sendAppMessage',{
                "appid": appid,
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function(res) {
            })
        }
        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline',{
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title":  shareTitle + descContent
            }, function(res) {

            });
        }
        function shareWeibo() {
            WeixinJSBridge.invoke('shareWeibo',{
                "content": descContent,
                "url": lineLink,
            }, function(res) {
            });
        }
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                shareFriend();
            });
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                shareTimeline();
            });
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                shareWeibo();
            });
        }, false);
	</script>
</body>
</html>